﻿ <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
  <!-- 
   <script src="./js/echarts.js"></script>
-->
    <script src="../Echarts3/js/echarts.min.js"></script>

</head>

<body>
    <div id="main" style="height:300px;border:1px solid #ccc;padding:10px;"></div>
    
    <script type="text/javascript">

            var myChart = echarts.init(document.getElementById('main'));
            myChart.setOption({
                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    data:['蒸发量','降水量']
                },
                toolbox: {
                    show : false,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                calculable : true,
                xAxis : [
                    {
                        type : 'category',
                        data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
                    }
                ],
                // max 为 dataMax， 设置min。min大于最小值.（echart2无效。echart3小于设置值将向相反方向延伸）
                // min 为 dataMin ，设置max,自动对max取整
                // 当min : 'dataMin',max : 'dataMax'。
//              		echarts2:最小值为向下取整，最大值max向上取整，（y轴分成4到6份）。
//						echarts3:min取最小值，max取最大值。
               // 当min : 设固定值,max : 设固定值。将 限制y轴根据维度变化值。
              
              yAxis : [
                    {
                        type : 'value',
                        splitArea : {show : true},
                         max : 300,
                        min : 100
                       
// 						min : 50,
// 						max : 10
                    }
                ],
                series : [
                    {
                        name:'蒸发量',
                        type:'bar',
                        data:[200, 40, 70, 200, 250, 70, 135, 162, 30, 200, 164, 330]
                    },
                    {
                        name:'降水量',
                        type:'bar',
                        data:[2.6, 5.9, 9.0, 6.4, 8.7, 5.7, 5.6, 2.2, 8.7, 8.8, 6.0, 2.3]
                    }
                ]
            });

    </script>
</body>
</html>